@import "mixin";
@import "function";

$base-font-size : 75px;
$baseFontColor  : #333;
$baseBackColor  : #f5f5f5;

html , body{
  margin: 0;
  background-color: $baseBackColor;
  font-family: '-apple-system-font','Helvetica Neue','PingFang SC,Hiragino Sans GB','Microsoft YaHei','sans-serif';
  font-weight: normal;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

a{
  color: $baseFontColor;
}

a:link{
  text-decoration:none;
}
a:visited{
  text-decoration:none;
}
a:hover{
  text-decoration:none;
}
a:active{
  text-decoration:none;
}

ul li{
  list-style: none;
  text-decoration:none;
}

footer{
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  height: px2rem(88px , $base-font-size);
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
footer button{
  border: 1px solid #fff;
  -webkit-border-radius:50%;
  border-radius:50%;
  -moz-border-radius:50%;
  background-color:#fff;
  width: px2rem(180px , $base-font-size);
  height: 100%;
  line-height: 100%;
  text-align: center;
  color: #333;
  @include px2px('font-size' , 48);
  position: relative;
}

footer button i{
  @include px2px('font-size' , 36);
}
footer button div{
  @include px2px('font-size' , 24);
  margin-top: px2rem(-10px , $base-font-size);
}

.track-point {
  position: absolute;
  width: px2rem(20px , $base-font-size);
  height: px2rem(20px , $base-font-size);
  -webkit-border-radius:100%;
  border-radius:100%;
  -moz-border-radius:100%;
  background: #ea4f55;
  top:  px2rem(20px , $base-font-size);
  left: 50%;
  display: none;
}

.active-bottom{
  color: #ea4f55;
}

.auto-item{
  @include px2px('font-size' , 24);
  padding: px2rem(8px , $base-font-size);
}


//购物车按钮
.cart-bottom-right{
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  @include px2px('font-size' , 24);
  @include px2px('min-width' , 180);
}
.cart-bottom-right input{
  width:  px2rem(60px , $base-font-size);
  height:  px2rem(60px , $base-font-size);
  line-height:  px2rem(60px , $base-font-size);
  text-align: center;
  border: none;
}

.cart-bottom-right button{
  background: #fff;
  border: 1px solid #ea4f55;
  color: #fff;
  width: px2rem(60px , $base-font-size);
  height: px2rem(60px , $base-font-size);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cart-bottom-right button i{
  @include px2px('font-size' , 24);
  color: #ea4f55;
}